(function () {
    //分类模板字符串
    var itemTmpl = '<div class="category-item">' +
        '<img class="item-icon" src="$url">' +
        '<p class="item-name">$name</p>' +
        '</div>';

    /*
    *   渲染category元素
    *   param
    * */
    function initCategory() {
        //获取category的数据
        //json格式
        $.get('../json/head.json', function (data) {
            // console.log(data)
            var list = data.data.primary_filter.splice(0, 8);

            list.forEach(function (item, index) {
                var str = itemTmpl.replace('$url', item.url)
                    .replace('$name', item.name);

                $('.category-content').append($(str))
            })
        })
    }

    /*
    *   绑定item的click事件
    *   param
    * */

    //使用事件委托
    function addClick(e) {
        $('.category-content').on('click', '.category-item', function () {

        })
    }

    function init() {
        initCategory()
        addClick()
    }

    init();
})();

